<!--非首页页面中间组件-->
<template>
  <div class="alla">
    <SubPicture></SubPicture>
    <div class="contenta">
      <div class="lefta">
        <SubColumn></SubColumn>
      </div>
      <div class="righta">
        <CurrentLocation></CurrentLocation>
        <router-view :key="$route.fullPath"></router-view>
      </div>
    </div>

  </div>
</template>

<script>
import SubColumn from "@/components/SubColumn.vue";
import CurrentLocation from "@/components/CurrentLocation.vue";
import SubPicture from "@/components/SubPicture.vue";

export default {
  components: {
    SubColumn,
    CurrentLocation,
    SubPicture,
  },
  data() {
    return {}
  },
  methods: {}
};
</script>

<style scoped>
.alla {
  width: 100%;
}

.contenta {
  width: 100%;
  display: flex;
  justify-content: center;
}

.lefta {
  float: left;
  width: 200px;
  margin-left: 30px;
  margin-top: 15px;
}

.righta {
  float: left;
  width: 1150px;
  min-height: 700px;
  margin-left: 15px;
  margin-top: 15px;
  margin-bottom: 15px;
  padding-left: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  border: 1px solid #c3bebe;
}
</style>
